<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/Login.css"/>
		<script type="text/javascript">
			window.onload = function(){
				var div = document.querySelector(".title");
				var spans = div.children;//2
				for(var i=0;i< spans.length;i++){
					spans[i].onclick=function(){
						
						for(var j=0;j<spans.length;j++){
							
							if(spans[j]==this){
							   spans[j].className="active";
							}
							else
							{
								spans[j].className="";
							}
						}
						
					}
				}
				
			}
		</script>
	</head>
	<body>
		<div class="content">
		<dic class="box">
			<div class="right">
				<div class="title">
					<span class="active">登录</span><span>注册</span>
				</div>
				<div class="text">
					<div class="login">
						<form action="#" method="post">
							<input type="text" name="name" id="name" placeholder="请输入手机号或邮箱"/>
							<br>
							<input type="password" name="pwd" id="pwd" placeholder="请输入密码"/>
							<br>
							<div>
							<input type="checkbox" name="chk" id="chk" />
							<label for="chk">自动登录</label>
							</div>
							<br>
							<input type="submit" value="登录"/>
						</form>
					</div>
					<div class="register">
						注册表单
					</div>
				</div>
			</div>
		</dic>
		</div>
	</body>
</html>
